<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>js表单操作</title>
		<script type="text/javascript">
			// card控件获取焦点时的响应事件
			function doCardFocus() {
				// 获取card控件对象
				var card = document.getElementById("card");
				// 如果控件中的内容是默认内容，则进行清空操作
				if(card.value == "请注意格式：10xxxxxx") {
					card.value = "";
				}
			}
			// card控件失去焦点时进行内容合法性验证
			function doCardBlur(card) {
				// 验证输入卡号的合法性
				if(card.value.substr(0, 2) != "10" || isNaN(card.value)) {
					alert("格式错误，请重新输入");
					// 清空错误内容重新输入
					card.value="";
					// 使card控件获取光标焦点
					//card.focus();
				}
			}
		</script>

	</head>

	<body>
		<form name="myform" action="#" method="get">
			<h2>卡号：
			<input id="card" name = "card" type = "text" maxlength="8" onFocus="doCardFocus();"  value="请注意格式：10xxxxxx"  
				onBlur="doCardBlur(this);" > 格式：10xxxxxx
			 <br>
			  密码： <input name = "pass" type = "password" >
		</h2>
		</form>
	</body>

</html>